﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Alumnos.Master" AutoEventWireup="true" CodeBehind="UI_DashboardStudents.aspx.cs" Inherits="Espam.Idiomas.Decimo.Tesis.Web.UI_DashboardStudents" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Contenido" runat="server">
    <script type="text/javascript">
        function click() {
            document.getElementById("btnAbrePopup").click();
            return true;
        }
    </script>
     <!-- begin MAIN PAGE CONTENT -->
        <div id="page-wrapper">

            <div class="page-content">
                <!-- begin PAGE TITLE AREA -->
                <!-- Use this section for each page's title and breadcrumb layout. In this example a date range picker is included within the breadcrumb. -->
                <div class="row">
                    <div class="col-lg-12">
                        <div class="page-title">
                            <h1>Panel
                                <small>Visión General</small>
                            </h1>
                            <ol class="breadcrumb">
                                <li class="active"><i class="fa fa-info-circle"><a id="btnAbrePopup" data-toggle="modal" data-target="#flexModal"> Información Importante</a></i></li>
                               <%-- <li class="pull-right">
                                    <div id="reportrange" class="btn btn-green btn-square date-picker">
                                        <i class="fa fa-calendar"></i>
                                        <span class="date-range"></span> <i class="fa fa-caret-down"></i>
                                    </div>
                                </li>--%>
                                <li class="pull-right">
                                    <div id="qs" class="btn btn-green btn-square date-picker">
                                         <asp:Label runat="server" ID="lblDateAndHour" Text="" CssClass="date-range"> </asp:Label>
                                    </div>
                                </li>
                            </ol>
                        </div>
                    </div>
                    <!-- /.col-lg-12 -->
                </div>
                <!-- /.row -->
                <!-- end PAGE TITLE AREA -->
            </div>
            <!-- /.page-content -->
        </div>
        <!-- /#page-wrapper -->
        <!-- end MAIN PAGE CONTENT -->

    <%--<asp:Button ID="btnAbrePopup" CssClass="btn btn-green btn-lg" data-toggle="modal" data-target="#flexModal" runat="server" Text="" />--%>
   <%-- <asp:Button ID="btnAbrePopup" data-toggle="modal" data-target="#flexModal" runat="server"/>--%>
     <!-- Flex Modal -->
    <div class="modal modal-flex fade" id="flexModal" tabindex="-1" role="dialog" aria-labelledby="flexModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="flexModalLabel">INFORMACIÓN IMPORTANTE</h4>
                </div>
                <div class="modal-body">
                    <p>Estimados Estudiantes se les comunica que deben matricularse al nivel correcto que van a cursar en caso de no acatar el pedido perderá su cupo.</p>
                    <p>Aquellos estudiantes que hallan culminado los módulos y se inscriban serán multados.</p>
                    <p>En el menú desplegable <strong>Módulos Disponibles</strong>  dispondrán de los niveles y horarios para poder matricularse</p>
                </div>
                <div class="modal-footer">
                   <%-- <button type="button" class="btn btn-green">Save changes</button>--%>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
                                <!-- /.modal -->
</asp:Content>
